@charset "utf-8";

body {
    background: #FFF;
    line-height: 24px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;
    color: #333;
    width: 100%;
    -webkit-text-size-adjust: none;
}

/*body{background:#FFF;font: 12px/1.5 Arial,Verdana,"宋体";color:#333;width:100%; -webkit-text-size-adjust:none;}
*/
body,
h1,
h2,
ul,
li,
form,
p,
button,
input,
dl,
dt,
dd,
a,
img,
i,
td,
th {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

div {
    margin: 0 auto;
    padding: 0;
}

a:link,
a:visited {
    color: #333;
    text-decoration: none
}

a:hover,
a:active {
    color: #ff6600;
    text-decoration: none;
}

a.f6:link,
a.f6:visited {
    color: #0078e7;
}

a.f6:hover {
    color: #ff6600;
}

th {
    font-weight: normal;
}

img {
    border: 0;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 2px 2px 2px 2px;
    vertical-align: middle;
}

input[type="radio"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 0px 2px 2px 2px;
    vertical-align: middle;
}

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}

.f6 {
    color: #0078e7;
    cursor: pointer;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.b {
    font-weight: bold;
}

.red {
    color: red !important;
}

.dashed {
    background: url("https://www.zhaoxin.cn/statics/zhaoxin/img/lineBg.gif") repeat-x left top;
    color: #3f3f3f;
    padding: 2px 0 3px 12px;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.inline {
    display: inline !important;
}

.word {
    word-break: break-all;
}

.w100 {
    width: 100px !important;
}

.w120 {
    width: 120px !important;
}

.w150 {
    width: 150px !important;
}

.w180 {
    width: 180px !important;
}

.width40 {
    width: 40% !important;
}

.width60 {
    width: 60% !important;
}

.width100 {
    width: 100% !important;
}

.marginb10 {
    margin-bottom: 10px !important;
}

.marginb20 {
    margin-bottom: 20px !important;
}

.marginb40 {
    margin-bottom: 40px !important;
}

.margint30 {
    margin-top: 30px !important;
}

.margint20 {
    margin-top: 20px !important;
}

.margint10 {
    margin-top: 10px !important;
}

.marginr10 {
    margin-right: 10px !important;
}

.marginr20 {
    margin-right: 10px !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .clearfix {
    height: 1%;
}

*+html .clearfix {
    height: 1%;
}


.header {
    width: 100%;
}

.block {
    width: 1190px;
    height: auto;
    margin: 0 auto;
}

.bcolor {
    width: 1190px;
    background-color: #fff;
    padding: 20px 0;
}

.userbox {
    width: 1150px;
    height: auto;
    background-color: #fff;
    padding: 0 20px 30px;
}

.borderb {
    border-bottom: 1px solid #CCCCCC;
}

.captcha {
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

/*模块容器*/
.box {
    background-color: #fff;
    overflow: hidden;
}

.box_1 {
    border: 1px solid #CCCCCC;
    background-color: #fff;
    padding: 15px;
}

.box_2 {
    border: 1px solid #DDD;
}

.box_2 h3 {
    background-color: #f4f4f4;
}

.box_2 h3 span {
    font-size: 14px;
    font-weight: normal;
}

.box_3 {
    background-color: #fff;
    margin-bottom: -2px;
}

.box_3 h3 {
    height: 36px;
    text-align: left;
    line-height: 36px;
    font-size: 14px;
    padding: 0 12px;
    border-bottom: 1px solid #949494;
}

.box_3 span {
    background-color: #949494;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: -20px;
    color: #FFF;
}

h3.hoth3 {
    border: none;
}

.left_box {
    float: left;
    width: 700px;
    height: auto;
}

.right_box {
    float: right;
    width: 320px;
    height: auto;
}

/*当前位置*/
.here {
    border-bottom: none;
    margin-bottom: 10px;
    margin-left: 15px;
}

.here span {
    font-size: 12px;
    font-weight: normal;
    color: #0E76BC;
}

.here a {
    color: #999999;
}

.here code {
    font-size: 9px;
    padding: 0 8px;
    color: #999999;
}


/* 询价记录 */
#rfqRecordBox {
    float: left;
    height: 280px;
    overflow: hidden;
    padding: 0 0 10px;
    position: relative;
}

#rfqRecordList ul {
    overflow: hidden;
    padding: 0;
    position: relative;
}

.rfqlist {
    width: 100%;
}

.rfqlistth span {
    border-bottom: 1px solid #0078e7;
    line-height: 30px;
    height: 30px;
    color: #333;
}

.rfqlist li {
    color: #666;
    padding: 5px 0;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    border-bottom: 1px dotted #dddddd;
}

.rfqlist li:hover {
    background-color: #FFEEDD;
}

.rfqlist span {
    display: inline;
    float: left;
    padding: 0 5px;
    overflow: hidden;
}

.rfqlist span.time {
    width: 60px;
    text-align: center;
}

.rfqlist span.name {
    color: #0078e7;
    width: 180px;
}

.rfqlist span.brand {
    width: 120px;
}

.rfqlist span.fengz {
    width: 80px;
    text-align: center;
}

.rfqlist span.number {
    width: 68px;
    text-align: right;
}

.rfqlist span.state {
    width: 100px;
    text-align: center;
}

table.rfqlist {
    float: left;
    margin-bottom: 30px;
}

table.rfqlist tr.th th {
    height: 20px;
    line-height: 20px;
}

table.rfqlist tr.evolve {
    background-color: #FFEEDD;
}

table.rfqlist tr.gray {
    color: gray;
}

table.rfqlist span {
    margin-right: 20px;
}

/*代理商列表*/
.daili {
    padding: 0 10px;
    height: auto;
}

.daili li {
    line-height: 22px;
    width: 100%;
}

.daili li span {
    float: right;
    margin-right: 20px;
}

/*辅助工具*/
.HomeTool {
    width: 990px;
}

.HomeTool .Tool {
    display: inline;
    float: left;
    padding-left: 10px;
    position: relative;
    width: 200px;
}

.HomeTool .Toolcss {
    display: inline;
    float: left;
    padding-left: 10px;
    position: relative;
    width: 226px;
    text-align: left;
}

.HomeTool .Toolcss h3 {
    height: 28px;
    line-height: 28px;
    padding: 0;
    border-bottom: none;
    margin: 0;
    text-align: left;
    font-size: 14px;
}

.HomeTool .Toolcss li {
    line-height: 24px;
}

.HomeTool .Toolcss li a {
    font-size: 12px;
    color: #0078e7;
}


/*历史询价*/
.tablelist {
    border-collapse: collapse;
    border: none;
    width: 100%;
}

.tablelist th {
    border-bottom: 1px solid #DDDDDD;
    padding: 0 0 10px;
}

.tablelist td {
    padding: 2px 5px;
    line-height: 22px;
}

/*边框*/
.B_blue {
    border: 1px solid #dddddd;
}

.B_input {
    border: 1px solid #0f97ed;
}

/* 表单 */
.inputBg {
    border: 1px solid #BBBBBB;
    line-height: 20px;
    height: 20px;
    padding: 5px 6px;
}

.inputBg:hover,
.inputBg:focus {
    border: 1px solid #0078e7;
}

.selectBg {
    border: 1px solid #BBBBBB;
    height: 30px;
    line-height: 30px;
}

.paycss input {
    max-height: 25px;
    margin-bottom: -5px;
}


ul.inline-float,
.clearfix,
.col-three,
.col-four {}

ul.inline-float:before,
.clearfix:before,
.col-three:before,
.col-four:before,
ul.inline-float:after,
.clearfix:after,
.col-three:after,
.col-four:after {
    content: "";
    display: table;
}

ul.inline-float:after,
.clearfix:after,
.col-three:after,
.col-four:after {
    clear: both;
}

ul.has-style {
    list-style: disc outside none;
    margin-left: 25px;
}

ul.inline-float li {
    display: inline;
    float: left;
}

ul.inline-block li {
    margin-right: 8px;
}

ul.inline-block li:last-child {
    margin-right: 0;
}

/* 按钮 */
.Tsubmit,
.Hsubmit,
.minTsubmit,
.minBsubmit,
a.Tsubmit,
a.Hsubmit {
    border-radius: 3px;
    display: inline-block;
    border: 0 none;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

a.Tsubmit,
a.Hsubmit {
    line-height: 34px;
    color: #FFFFFF;
}

a.Tsubmit:hover,
a.Hsubmit:hover {
    color: #FFFFFF;
}

.Tsubmit {
    background-color: #ff6600;
    line-height: 32px;
}

.Tsubmit:hover {
    background-color: #FF5500;
}

.Hsubmit {
    background-color: #0078e7;
}

.Hsubmit:hover {
    background-color: #0E8BFF;
}

.minTsubmit,
.minBsubmit,
a.minTsubmit,
a.minBsubmit {
    border-radius: 2px;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    font-size: 12px;
}

a.minTsubmit,
a.minBsubmit {
    color: #FFFFFF;
}

a.minTsubmit:hover,
a.minBsubmit:hover {
    color: #FFFFFF;
}

.minTsubmit {
    background-color: #ff6600;
}

.minTsubmit:hover {
    background-color: #FF5500;
}

.minBsubmit {
    background-color: #0078e7;
}

.minBsubmit:hover {
    background-color: #0E8BFF;
}

a.bsubmit {
    padding: 3px 6px;
    display: inline-block;
}

a.bsubmit:hover {}





/*模块标题*/
h3 {
    margin: 0 0 10px;
    height: 40px;
    font: text-align:right;
    padding: 0 5px 0 15px;
    border-bottom: 1px solid #CCC;
}

h3 a {
    line-height: 40px;
}

h3 img {
    position: relative;
    top: 7px;
}

h3 span {
    float: left;
    line-height: 40px;
    padding: 0;
}

h3 span b {
    color: #F60;
    padding-left: 10px;
}

h3 div {
    float: left;
    text-align: left;
    line-height: 20px;
    margin-left: 30px;
    margin-top: 15px;
    color: #333;
}

h3 div b {
    color: #F60;
}

h4 {
    height: 26px;
    line-height: 26px;
    text-align: right;
    padding: 0 10px 0;
    font-weight: normal;
    font-size: 12px;
}

h4 span {
    float: left;
    font-weight: bold;
    padding-left: 5px;
    color: #006BD0;
}

/*页面留白*/
.blank {
    height: 8px;
    line-height: 8px;
    clear: both;
    visibility: hidden;
    background: #edf7ff;
}

.blank1 {
    height: 1px;
    line-height: 1px;
    /* _margin:-3px 0;*/
    clear: both;
    visibility: hidden;
}

.blank5 {
    height: 5px;
    line-height: 5px;
    /* _margin:-3px 0;*/
    clear: both;
    visibility: hidden;
}

.blank10 {
    height: 10px;
}

/*wangjw036 新增*/


/* 图标 */
.hoticon {
    position: absolute;
    overflow: hidden;
    margin: -45px 0 0 15px;
    height: 18px;
    width: 20px;
}

.fi_icon {
    background: url("img/footericon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 25px;
    width: 25px;
    vertical-align: middle;
}

.faq_icon {
    background: url("img/faqicon.gif") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.zhengpin {
    background-position: 0 0;
}

.bianjie {
    background-position: 0 -60px;
}

.yizhan {
    background-position: 0 -30px;
}

.shoucang {
    background-position: 3px -278px;
    height: 20px;
    width: 25px;
    vertical-align: middle;
}

.xiazai {
    background-position: 0 -295px;
    height: 16px;
    width: 20px;
}

.guanzhu {
    background-position: 0 -316px;
    height: 16px;
    width: 20px;
}

.jiayifasan {
    background-position: -75px 0;
}

.manbaoyou {
    background-position: -75px -100px;
}

.mianfei {
    background-position: -75px -50px;
}

.bompeidan {
    background-position: -75px -200px;
}

.taobaobuy {
    background-position: -75px -150px;
}

.keicon {
    background-position: 0 -346px;
}

i.star {
    background-position: -72px -308px;
}

i.pdf {
    background-position: -70px -278px;
}

i.yijia {
    background-position: 0 -380px;
    width: 50px;
    height: 16px;
}

/* 图片张数 */
.img-badge {
    background-color: #F00;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    position: absolute;
    margin-left: -12px;
    margin-top: 0;
    font-size: 10px;
    line-height: 1;
    padding: 3px 5px;
}


.qt-span {
    margin-left: 3px;
    display: inline-block;
    position: relative;
    width: 82px;
}

.reduce,
.plus {
    height: 14px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    width: 18px;
}

.plus {
    background-position: -75px -240px;
    top: 5px;
}

.reduce {
    background-position: -75px -254px;
    top: 23px;
}

.plus:hover {
    background-position: -95px -240px;
}

.reduce:hover {
    background-position: -95px -254px;
}


/* ====================   顶部  ==================== */
#adBig {
    width: 1190px;
    margin-bottom: 10px;
}

#top {
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    height: 36px;
    line-height: 36px;
}

#top .top_box {
    width: 1190px;
    padding: 0 10px
}

#top .top_nav {
    text-align: right;
}

#top .top_nav li {
    display: inline-block;
    padding: 0 3px;
}

#top .top_nav li span {
    color: #ddd;
    margin: 0 3px;
}

#top .top_nav .hello {
    color: #000;
    margin-right: 15px;
}

#top .top_nav .tel {
    font-size: 16px;
    color: #ff6600;
    margin-right: 20px;
    font-weight: bold;
}


/* ====================   头部信息  ==================== */
.header {
    height: 100px;
}

.logo {
    float: left;
    width: 300px;
    margin: 20px 20px;
}

.logo h2 {
    padding: 0;
    margin: 0;
    line-height: 40px;
    width: 100%;
    font-family: Arial, Helvetica;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -2px;
}

/*搜索框*/
#Searchs {
    float: left;
    width: 450px;
    padding: 5px 0;
    height: 40px;
    margin-top: 20px;
    margin-left: 30px;
}

#Searchs .Validform_checktip {
    display: none;
     !important;
}

.searchBorder {
    background: url("https://www.zhaoxin.cn/statics/zhaoxin/img/searchsubmit.png") no-repeat scroll 0 0 transparent;
    color: #9A9A9A;
}

.query-text,
.search-text {
    vertical-align: middle;
    border-radius: 2px;
    border: 2px solid #F60;
    width: 330px;
    height: 32px;
    color: #000;
    padding: 0 5px;
}

.search-text {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.query-submit,
.search-submit {
    background-color: #F60;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-left: -5px;
    height: 36px;
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
}

.search-submit:hover {
    background-color: #F50;
}

.query-text {
    width: 160px;
    height: 28px;
    border-radius: 1px;
    border: 1px solid #8F8F8F;
}

.query-submit {
    height: 30px;
    background-color: #8F8F8F;
}

.query-submit:hover {
    background-color: #6F6F6F;
}

.searchNav {
    border-bottom: 2px solid #0078e7;
    margin-top: 0px;
    background-color: #0078e7;
}

/*导航*/
#mainNavbg {
    width: 100%;
    height: 36px;
    border-bottom: 2px solid #0078e7;
    background-color: #fff;
    font-family: Arial, Verdana, "微软雅黑";
}

#mainNav {
    text-align: center;
    width: 1190px;
    font-size: 14px;
    margin: 0 auto;
    display: table;
}

.inline-float li {
    display: inline-block;
    float: left;
    line-height: 36px;
    position: relative;
    z-index: 99;
    font-weight: bold;
}

.inline-float li a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    padding: 0 20px;
}

.inline-float li a:hover {
    text-decoration: none;
    color: #f60;
}

.inline-float .active {
    height: 36px;
    color: #f30;
}

.inline-float a.active:hover {
    color: #f30;
}

/* 全部分类 margin-right:10px;*/
#treelit {
    float: left;
    height: 36px;
    line-height: 36px;
    position: relative;
    width: 180px;
    margin-right: 20px;
}

#treelit .treebox {
    float: left;
    width: 180px;
    height: 250px;
    display: none;
    margin-top: 0px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
}

#treelit .treebox ul {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.treeall {
    background-color: #0078e7;
    color: #fff;
    text-align: left;
    padding-left: 20px;
}

.treeall a {
    color: #fff;
}

.treeall a:hover {
    color: #fff;
}

.treeall .tree_more {
    background-position: 0 -155px;
    height: 10px;
    width: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 15px;
    float: right;
    margin-right: 10px;
}

.tree-selected .tree_more,
#treelit *:hover .tree_more {
    background-position: 0 -170px;
}

#mainNav .home .treebox {
    display: block !important;
}

#mainNav .home .fi_icon {
    background: none !important;
}

/* 购物车 */
.header-cart {
    float: right;
    height: 40px;
    position: relative;
    width: 130px;
    margin: 25px 0 0 0;
}

.header-cart .cart_box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px 15px 18px;
    position: absolute;
    text-align: left;
    width: 360px;
}

.header-cart a.cart {
    background: url("img/bg.png") repeat-x scroll 0 -100px rgba(0, 0, 0, 0);
    font-size: 14px;
    vertical-align: baseline;
    border: 1px solid #ddd;
    color: #0078e7;
    float: left;
    height: 34px;
    width: 130px;
    text-align: center;
    line-height: 34px;
}

.header-cart .mini-cart {
    background: url("img/bg.png") repeat-x scroll 0 -100px rgba(0, 0, 0, 0);
    border: 1px solid #ddd;
    color: #0078e7;
    display: block;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    position: relative;
    text-align: center;
    width: 115px;
    z-index: 101;
    float: left;
}

.header-cart a.mini-cart:hover {
    border: 1px solid #0078e7;
}

.gouwu {
    background-position: 0 -98px;
    height: 20px;
    width: 20px;
    line-height: 34px;
    vertical-align: middle;
    margin-right: 5px;
}


.treebox {
    font-size: 14px;
    float: left;
    width: 180px;
    min-height: 250px;
    border: none;
    text-align: left;
}

.suckerdiv ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #DDDDDD;
    background-color: #FFFFFF;
}

.suckerdiv ul li {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #DDDDDD;
    position: relative;
    white-space: nowrap;
}

.suckerdiv ul li a {
    display: block;
    line-height: 35px;
    color: #000;
    text-decoration: none;
    padding: 0 10px;
}

.suckerdiv ul li a.more {
    margin-right: 10px;
    background: url("img/bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

.suckerdiv ul li a:visited {
    color: black;
}

.suckerdiv ul li a:hover {
    color: #ff6600;
    background-position: 0 -31px;
}

.suckerdiv ul li a.selected {
    color: #ff6600;
}

.suckerdiv ul li ul {
    background-color: #FFFFFF;
    margin-top: -1px;
    border: 1px solid #ddd;
    min-width: 180px;
    display: none;
    left: 180px;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 997;
}

.suckerdiv ul li ul li {
    border-bottom: none;
    text-align: left;
    border-bottom: 1px dotted #ddd;
    margin: 0 10px;
}

.suckerdiv ul li ul li span {
    margin-left: 15px;
}

.suckerdiv li.tree-selected div {
    background-color: #FFFFFF;
    border-left: 1px solid #dddddd;
    width: 181px;
    position: absolute;
    z-index: 998;
}

* html .suckerdiv ul li {
    float: left;
    height: 1%;
}

* html .suckerdiv ul li a {
    height: 1%;
}

#treelit .treebox ul li ul.treeul {
    border: 1px solid #ddd;
}

#treelit li.tree-selected div {
    border-left: none;
}

/*滚动广告样式*/
.index_ad {
    float: left;
    width: 760px;
    height: 360px;
    overflow: hidden;
    position: relative;
}

.index_ad .slider,
.num {
    position: absolute;
}

.index_ad .slider li {
    list-style: none;
    display: inline;
}

.index_ad .slider img {
    width: 760px;
    height: 360px;
    display: block;
}

.index_ad .num {
    right: 20px;
    bottom: 10px;
    font-size: 0;
    line-height: 0;
}

.index_ad .num li {
    border-radius: 50%;
    float: left;
    color: #fff;
    text-align: center;
    width: 10px;
    height: 10px;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
    margin-left: 10px;
}

.index_ad .num li.on {
    color: #666;
    border: 0;
    background-color: #666;
}


/*找货助手*/
.zhusou {
    float: right;
    width: 240px;
    height: 340px;
    border: 1px solid #ddd;
    display: inline;
    margin-top: 18px;
    overflow: hidden;
}

.zhusou .tab-nav {
    height: 36px;
    overflow: hidden;
}

.zhusou .tab-nav .tab {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #999;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-left: -1px;
    text-align: center;
    width: 120px
}

.zhusou .tab-nav .tab:hover {
    color: #f60
}

.zhusou .tab-nav .active {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    color: #333;
    font-weight: 700
}

.zhusou .tabs-buyinfo {
    padding: 10px 0 0 10px;
}

.zhusou .tabs-buyinfo textarea {
    height: 110px;
    line-height: 1.5;
    overflow: hidden;
    padding: 10px;
    width: 200px;
}

.zhusou .tabs-buyinfo .inputBg {
    color: #333;
    margin-bottom: 5px;
    font-size: 12px;
}

.zhusou .tabs-buyinfo input.inputBg {
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 10px;
    width: 210px;
}

.zhusou .tabs-buyinfo input.captcha {}

.tabs-buyinfo .tabs-buyinfo {
    padding: 15px 10px 0;
}

.tabs-buyinfo .Tsubmit {
    width: 218px;
    height: 30px;
    line-height: 30px;
}

/* 搜索列表 */

.m-related {
    margin-top: 10px;
}

.m-sortbar .sort-row {
    height: 41px;
}

.m-sortbar .sort-row .sort-inner {
    background-color: #f5f5f5;
    border: 1px solid #e8e8e8;
    height: 39px;
}

.m-sortbar .sort-row .sort-inner .sorts li {
    float: left;
    line-height: 38px;
    padding: 0 10px;
}

.m-sortbar .sort-row .sort-inner .sorts li.sort {
    background-color: #fff;
    border-right: 1px solid #e5e5e5;
    color: #f50;
    height: 39px;
    margin-left: 0;
    padding: 0 19px;
}

.m-sortbar .sort-row .sort-inner .inputBg {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 3px 5px;
}

.m-sortbar .sort-row .sort-inner .minBsubmit {
    font-size: 14px;
    margin-top: -3px;
    line-height: 26px;
    height: 28px;
}

.m-sortbar .filter-row {
    border: 1px solid #e8e8e8;
    height: 38px;
    border-top: none;
}

.m-sortbar .filter-row .filter-inner {
    float: left;
    color: #666;
    height: 38px;
    line-height: 38px;
    text-align: left;
    padding: 0 15px;
    overflow: hidden;
}

.m-sortbar .filter-row .filter-inner a {
    margin-left: 15px;
}

.itemlist {
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    clear: both;
    float: left;
    font-size: 12px;
    font-weight: normal;
    width: 980px;
}

.itemlist li {
    border-bottom: 1px solid #cdcdcd;
    clear: left;
    float: left;
    width: 100%;
}

.itemlist li {
    text-align: center;
    overflow: hidden;
}

.itemlist li.th span {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    background: #f0f0f0;
}

.itemlist li.th span.name {
    text-align: center;
}

.itemlist li span {
    float: left;
    line-height: 40px;
    border-right: 1px solid #cdcdcd;
    padding: 0 0 0 6px;
}

.itemlist li span.img {
    width: 50px;
}

.itemlist li span.img img {
    width: 50px;
    height: 50px;
    padding-top: 3px;
}

.itemlist li span.sn {
    width: 47px;
}

.itemlist li span.type {
    width: 90px;
}

.itemlist li span.name {
    width: 200px;
    text-align: left;
}

.itemlist li span.brand {
    width: 110px;
}

.itemlist li span.fengz {
    width: 100px;
}

.itemlist li span.huoqi {
    width: 90px;
}

.itemlist li span.number {
    width: 100px;
}

.itemlist li span.price {
    width: 127px;
}

.itemlist li span.amount {
    width: 150px;
}

.itemlist li span.brief {
    width: 178px;
}

.itemlist li span.open {
    width: 100px;
}

.itemlist li span.open b {
    font-size: 16px;
    font-weight: bold;
}

.itemlist li span div {
    height: 25px;
    line-height: 25px;
    float: left;
    padding: 0 3px;
}

.itemlist li span div.cangw {
    width: 60px;
    text-align: right;
}

.itemlist li span div.stock {
    width: 85px;
    text-align: left;
}

.itemlist li span div.qiding {
    width: 58px;
    text-align: right;
}

.itemlist li span div.jiage {
    width: 75px;
    text-align: left;
    color: #f00;
    font-size: 14px;
}

.itemlist .min-submit,
.itemlist .blue-submit {
    margin: 4px 5px;
    height: 22px;
    line-height: 22px;
}

.searchbox {
    min-height: 300px;
}

.searchbox h2 {
    padding: 10px;
}

.searchbox h2 span,
.searchbox h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 30px;
}

.searchbox h2 span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 20px;
}

.searchbox .itemlist li.th span {
    line-height: 40px;
    height: 40px;
}

.searchbox .itemlist li span {
    line-height: 34px;
}

.searchbox .itemlist li span.brand {
    width: 130px;
    padding: 0;
}

.searchbox .itemlist li span.number {
    width: 130px;
    padding: 0;
}

.searchbox .itemlist li span.brief {
    width: 177px;
    padding: 0;
}

.searchbox .itemlist li span.price {
    width: 148px;
    padding: 0;
}

.searchbox .itemlist li span.open {
    width: 70px;
}

.brandlist .itemlist li span {
    height: 56px;
}

.brandlist .itemlist li.th span {
    line-height: 30px;
    padding: 5px 10px;
}

.brandlist .itemlist li span.name {
    width: 180px;
}

.brandlist .itemlist li span.price {
    width: 90px;
}

.brandlist .itemlist li span div.jiage {
    text-align: center;
}


/* 购物车 */
.steps-nav-num h1 {
    font-size: 20px;
    float: left;
}

.steps-nav-num ul {
    width: 62%;
    float: right;
}

.steps-nav-num li {
    border-top: 5px solid #ccc;
    text-align: center;
    width: 33.3%;
    color: #ccc;
}

.steps-nav-num li span.dot {
    background-color: #ccc;
    color: #fff;
    border-radius: 50%;
    height: 21px;
    line-height: 21px;
    left: 50%;
    margin-left: -10px;
    margin-top: -13px;
    position: absolute;
    top: 0;
    width: 21px;
}

.steps-nav-num .steps_no {
    border-top-color: #7abd54;
    color: #7abd54;
}

.steps-nav-num .steps_no span.dot {
    background-color: #7abd54;
}

.steps-nav-num .steps-ok {
    border-color: #caecb6;
    color: #caecb6;
}

.steps-nav-num .steps-ok span.dot {
    background-color: #caecb6;
}

.steps-nav-num ul.orders {
    width: 100%;
    float: left;
}

.steps-nav-num ul.orders li {
    width: 25%;
}

/* 购物车列表 */
input.number {
    text-align: right;
    line-height: 20px;
    width: 60px;
    border: 1px solid #0078e7;
    padding: 3px;
}

.cartbox {
    min-height: 180px;
    float: left;
    width: 100%;
}

.cartlist {
    max-height: 400px;
    overflow: auto;
    width: 100%;
}

.cartbox .cartCount {
    text-align: right;
    padding: 15px 0;
    float: left;
    width: 100%;
}

.cartbox .cartCount .checkbox {
    float: left;
    text-align: left;
    padding: 8px 10px;
}

.cartbox .cartCount .checkbox a {
    color: #0078e7;
}

.cartbox .cartCount .total {
    text-align: left;
    font-size: 14px;
}

.cartbox .cartCount .total b {
    color: #ff0000;
}

.cart_prompt {
    background-color: #fffceb;
    float: left;
    border: 1px solid #ff6600;
    border-radius: 3px;
    color: #666;
    line-height: 22px;
    margin: 30px 0;
    padding: 35px;
    width: 1120px;
}






/*  底部 */
.footer {
    width: 100%;
    overflow: hidden;
    float: left;
    margin: 20px 0;
    border-top: 1px solid #999999;
    padding-top: 10px;
    background-color: #f9f9f9;
}

.footer a:link,
.footer a:visited {
    color: #666666;
    text-decoration: none;
}

.footer a:hover {
    color: #666;
    text-decoration: underline;
}

.bottom_nav {
    float: left;
    line-height: 12px;
    margin-bottom: 10px;
    text-align: center;
}

.bottom_nav li {
    display: inline-block;
}

.bottom_nav a {
    border-left: 1px dotted #ccc;
    color: #888;
    display: inline-block;
    padding: 0 10px;
    margin-top: 30px;
}

.bottom_nav a.first {
    border-left-width: 0;
}

.copyright {
    float: left;
    width: 100%;
}

.copyright,
.credits {
    color: #888;
    margin-bottom: 10px;
    text-align: center;
}

.copyright a,
.credits a {
    color: #888;
}

.footerHelp {
    width: 1190px;
}

.footerHelp .helptel {
    display: inline;
    float: left;
    padding-left: 10px;
    position: relative;
    width: 200px;
}

.footerHelp .helptel h2 {
    line-height: 40px;
}

.footerHelp .helptel .phone {
    font: bold 18px 微软雅黑;
    color: #ff6600;
}

.footerHelp .helptel .email {
    font: bold 18px 微软雅黑;
    color: #ff6600;
}

.footerHelp .helpcss {
    display: inline;
    float: left;
    padding-left: 10px;
    position: relative;
    width: 125px;
    text-align: left;
}

.footerHelp .helpcss h3 {
    height: 30px;
    line-height: 25px;
    padding: 0;
    border-bottom: none;
    margin: 0;
    text-align: left;
    font: bold 14px 微软雅黑;
}

.footerHelp .helpcss li {
    line-height: 24px;
}



.orderbox {
    margin: 20px 0;
}

/* ====================   优势品牌   =================== */
.brandlist {
    background-color: #FFF;
}

.brandlist p.h3 {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    border-top: 1px dotted #cccccc;
}

.brand_logo .img {
    float: left;
    height: 50px;
    width: 180px;
    margin: 0 30px 10px 0;
    text-align: center;
}

.brand_logo .img img {
    max-height: 50px;
    max-width: 180px;
}

.brand_logo h3 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 0;
    margin: 0;
    height: 35px;
    line-height: 30px;
    text-align: left;
    border-bottom: none;
}

.brand_right {
    width: 780px;
    float: left;
    padding-right: 10px;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.brand_right p {
    text-indent: 2em;
    color: #666666;
    font-size: 12px;
    line-height: 20px;
}

#cart_amount {
    font-size: 16px;
    color: #FF0503;
}

.Rsuoy {
    width: 240px;
    padding-top: 30px;
    overflow: hidden;
}



/* 文章 */
.helpMenu .htop {
    text-align: center;
    border-bottom: 2px solid #0078e7;
}

.helpMenu .htop h2 {
    color: #0078e7;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

.helpMenu .hm {
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    display: block;
    text-align: center;
    border-bottom: 1px dotted #cccccc;
}

.helpMenu .hm a {
    color: #3d3d3d;
    display: block;
}

.helpMenu .hm a:hover {
    text-decoration: none;
}

.helpMenu .hm.active {
    background: #F5F5F5;
}

.helpMenu .hm.active a {
    color: #ff7700;
}

.helpMenu .treebox {
    border: 1px solid #e3e3e3;
    height: auto;
}

.helpMenu .treebox h3 {
    background-color: #f4f4f4;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    color: #000;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    height: 37px;
    line-height: 37px;
    margin-top: -1px;
    text-indent: 12px;
    margin-bottom: 0;
}

.helpMenu .treebox li {
    margin-top: 2px;
    height: 32px;
    line-height: 32px;
    padding-bottom: 3px;
}

.helpMenu .treebox a {
    color: #000;
    display: block;
    padding-left: 25px;
}

.helpMenu .treebox a.on {
    background-color: #fff6ed;
    color: #F60;
    font-weight: 700;
}

.helpMenu .treebox a:hover {
    background-color: #f6f6f6;
    text-decoration: none;
}


.newsCenter .newshr {
    border-bottom: 1px solid #e6e6e6;
    font-weight: lighter;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
}

.newsCenter .newsHd h2 {
    font-weight: lighter;
}

.newsCenter .newsHd h2 span {
    float: right;
    font-size: 12px;
    color: #666;
    margin-right: 10px;
}

.newsCenter .newsHd h2.small {
    font-size: 20px;
}

.newsCenter .newsHd span {
    margin-left: 10px;
    font-size: 16px;
    color: #cccccc;
}

.newsCenter .newsHd strong {
    font-weight: bold;
}

.newsCenter .newsHd .title {
    text-align: center;
}

.newsCenter .newsHd .title h5 {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: normal;
    margin: 35px 0 10px;
}

.newsCenter .newsHd .title p {
    color: #999;
    margin: 0 0 30px;
}

.newsCenter .newsbd .content {
    padding: 10px 30px;
    line-height: 24px;
}

.newsList li {
    background: url("img/bg.png") no-repeat scroll 9px -136px rgba(0, 0, 0, 0);
    border-bottom: 1px dotted #ccc;
    height: 38px;
    line-height: 38px;
    padding: 0 10px 0 30px;
}

.newsList li span {
    color: #999;
    display: inline;
    float: right;
}

.newsList li a {
    color: #454545;
}

.newsList li a:hover {
    color: #f60;
    text-decoration: none;
}

.newsList .title {
    text-align: center;
}

.newsList .title h5 {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: normal;
    margin: 35px 0 10px;
}

.newsList .title p {
    color: #999;
    margin: 0 0 30px;
}


/*翻页*/
#pager {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
}

#pager ul {
    width: 80%;
}

#pager li {
    margin-right: 9px;
    text-align: center;
    display: inline-block;
}

#pager li span,
#pager li a {
    border: 1px solid #e3e3e3;
    color: #777;
    line-height: 20px;
    padding: 5px 10px;
}

#pager li span {
    background-color: #317ee7;
    border: 1px solid #317ee7;
    color: #fff;
}

#pager li a:hover {
    border: 1px solid #317ee7;
}




/*商品详细页*/
.AreaGL {
    float: left;
    width: 880px;
    display: inline;
}

.AreaGR {
    float: right;
    width: 300px;
    display: inline;
}

.AreaL {
    float: left;
    display: inline;
    width: 240px;
}

.AreaR {
    float: right;
    display: inline;
    width: 940px;
    min-height: 500px;
    overflow: hidden;
}

.AttrList {
    border: none;
    border-collapse: collapse;
    width: 100%;
    height: auto;
}

.AttrList tr.hten {
    background-color: #F0F0F0;
}

.AttrList th,
.AttrList td {
    border: 1px solid #DDDDDD;
    padding: 3px 6px;
    line-height: 25px;
}

/*图片垂直居中*/
.pic {
    display: block;
    overflow: hidden;
    text-align: center
}

.pic i,
.pic img {
    display: inline-block;
    vertical-align: middle
}

.pic i {
    height: 100%
}


.faqlist {
    padding: 10px 15px;
}

.faqlist ul {
    width: 100%;
}

.faqlist ul li {
    line-height: 30px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.faqlist ul li h5 {
    color: #0078E6;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.faqlist ul li h5 span {
    margin: 0 5px -3px;
}

.faqlist ul li p {
    padding-left: 25px;
}


/* 客服中心 */
.kefu {
    display: inline-block;
    height: auto;
    padding: 3px 0 0 10px;
}

.kefu .name {
    height: 40x;
    line-height: 40x;
    padding: 11px 5px;
}

.kefu img {
    padding-right: 10px;
    margin-bottom: -2px;
}

.kefu span {
    text-align: left;
    font-size: 14px;
    color: #214B7E;
}

.kefuxing {
    padding-top: 15px;
    float: right;
}

/* 搜索列表 */
.searchlist {
    background: #FFF;
}

.searchlist table {
    border-collapse: collapse;
    border: none;
    width: 100%;
}

.searchlist table th {
    border: 1px solid #DDDDDD;
    padding: 3px;
}

.searchlist table tr.hten {
    background-color: #F0F0F0;
}

.searchlist table td {
    border: 1px solid #DDDDDD;
    padding: 3px 5px;
    line-height: 20px;
}

.searchlist table td td {
    border: none;
}


/* ==================== 文章列表页 ==================== */

/*新闻导航*/
.newsnav {
    border-bottom: 1px solid #DDDDDD;
    padding-left: 20px;
    padding-top: 15px;
    margin-bottom: 20px;
}

.newsnav li {
    text-align: center;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    position: relative;
    min-width: 70px;
    padding: 0 5px;
}

.newsnav a {
    color: #000000;
}

.newsnav a:hover {
    color: #0E76BC;
}

.newsnav .cursor {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.newsnav .cursor a {
    color: #0E76BC;
}

.newslist ul {
    padding: 15px 0;
}

.newslist li {
    line-height: 20px;
    padding: 10px;
    border-bottom: 1px dotted #999;
}

.newslist a {
    font-size: 14px;
}

.newslist p {
    color: #353535;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.articleinfo {
    padding: 15px 30px;
    min-height: 350px;
    line-height: 30px;
}

.articleinfo .title {
    text-align: center;
    margin: 0 -20px 20px -30px;
}

.articleinfo .title h2 {
    color: #1F5EB1;
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    font-weight: normal;
}

.articleinfo .title span {
    color: #ff6600;
}



.searchhot {
    padding: 10px;
}

.searchhot a {
    line-height: 30px;
    width: 135px;
    float: left;
    margin-right: 10px;
}

/* 询价*/
.RFQleft {
    border: 1px solid #e3e3e3;
    display: inline;
    float: left;
    min-height: 649px;
    padding: 0 35px;
    width: 855px
}

.RFQleft h2 {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: normal;
    margin: 15px 0
}

.RFQleft .textarea {
    padding: 0 0 0 15px
}

.RFQleft .textarea textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e3e3e3;
    height: 150px;
    padding: 5px;
    width: 630px
}

.RFQleft .textarea textarea:hover,
.RFQleft .textarea textarea:focus {
    border: 1px solid #0078e7;
}

.RFQleft .list {
    padding: 10px 0 0 80px
}

.RFQleft .inquiry tr {
    height: 35px;
}

.RFQleft .inquiry .minBsubmit {
    height: 28px;
    line-height: 26px;
}

.RFQleft .inquiry .minTsubmit {
    height: 28px;
    line-height: 26px;
}

.RFQright {
    display: inline;
    float: right;
    width: 250px;
    margin: 0 0 0 13px
}

.RFQright .top {
    border: 1px solid #e3e3e3;
    padding: 0 9px
}

.RFQright .top h2 {
    border-bottom: 1px solid #e3e3e3;
    color: #3a83e8;
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    padding: 10px 0 0 15px;
    position: relative;
    width: 215px
}

.RFQright .top .step {
    padding: 10px 0 0
}

.RFQright .top .step li {
    border-radius: 5px;
    background: #0078e7;
    color: #fff;
    height: 71px;
    margin: 5px 0 10px;
    padding: 0 0 0 20px;
    width: 210px
}

.RFQright .top .step li h3 {
    font-size: 16px;
    font-weight: normal;
    padding: 13px 0 6px;
    border-bottom: 0;
    text-align: left;
    height: 16px
}

.RFQright .top .step li p {
    font-size: 12px
}

.RFQright .bottom {
    border: 1px solid #e3e3e3;
    margin: 10px 0 0;
    padding: 0 0 0 9px
}

.RFQright .bottom p {
    color: #777;
    line-height: 22px;
    margin: 10px 0 0;
    padding: 0 9px 0 0
}

.RFQright .bottom img {
    display: block;
    margin: 20px 0
}

.RFQright .bottom .qq {
    background: url("img/qq.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 23px;
    margin: 0 0 0 75px;
    width: 78px
}

.RFQright .bottom .call {
    color: #f50;
    font-family: Tahoma, Arial;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin: 11px 0 11px 20px;
    position: relative;
    text-indent: 50px
}

.RFQright .bottom .call .icon_call {
    background: url("img/tel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.RFQright .bottom .orange {
    color: #f50;
}



/* 产品页*/
.brands {
    text-align: center;
}

.brands .brandhot .listing {
    margin-top: 10px;
    border-top: 1px solid #dddddd;
}

.brands .brandhot .box99 {
    width: 260px;
    padding: 20px 0px;
    margin-right: 0;
}

.brands .brandhot .fenge {
    margin-right: 105px;
}

.brands .brandhot .logo {
    height: 28px;
    width: 100px;
}

.brands .cats {
    border-bottom: 1px solid #dddddd;
}

.brands .cats .box99 {
    min-height: 40px;
    width: 247px;
}

.brands .cats .box99 .grays {
    filter: gray;
    -moz-opacity: .2;
    opacity: 0.2;
}

.brandhotc {
    overflow: hidden;
    background-color: #FFF;
    padding-top: 15px;
}

.brandhotc .listing {
    margin-top: 10px;
    border-top: 1px solid #CCCCCC;
}

.brandhotc .box99 {
    float: left;
    width: 260px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 0px;
}

.brandhotc .box99 a {
    DISPLAY: block;
    BACKGROUND: #fff;
}

.brandhotc .fenge {
    margin-right: 105px;
}

.brandhotc .logo {
    height: 28px;
    width: 100px;
}

.brandhotc .catslist {
    padding-top: 5px;
}

.brandhotc .catslist li {
    text-align: left;
    line-height: 20px;
    margin: 0 0 0 10px;
    padding: 0 0 2px 5px;
}

.brandhotc .catslist .level2 {
    background: url("https://www.zhaoxin.cn/statics/zhaoxin/img/square.gif") no-repeat transparent;
    margin: 0 0 0 20px;
    padding: 0 0 2px 10px;
}

.brandhotc .catslist a {
    color: #0E76BC;
}

.brandhotc .fengec {
    margin-right: 65px;
}

.brandhotc h6 {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.option_title {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

.option_title span {
    margin-left: 20px;
    font-weight: normal;
    font-size: 14px;
}

.cat-list {
    border: 1px solid #ddd;
    margin-top: 20px;
}

.cat-list .hd {
    border-bottom: 1px solid #ddd;
    padding: 5px 0 5px 15px;
    background: #efeded;
    line-height: 25px;
}

.cat-list .hd h2 {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 5px;
    display: inline;
    zoom: 1;
}

.cat-list .hd em {
    margin-left: 15px;
    color: #999;
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;
}

.cat-list .bd-con {
    padding: 10px 20px 15px 15px;
}

.cat-list .bd-con dt {
    width: 100px;
    color: red;
    font-weight: 700;
    text-align: left;
    float: left;
    line-height: 160%;
}

.cat-list .bd-con dt a {
    color: #1569c1;
}

.cat-list .bd-con dt a:hover {
    text-decoration: underline;
}

.cat-list .bd-con dd {
    margin-left: 120px;
    margin-right: 20px;
    color: #ddd;
    zoom: 1;
    line-height: 20px;
}

.cat-list .bd-con dl {
    overflow: hidden;
    margin-top: 5px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    padding-top: 5px;
    zoom: 1;
}

.cat-list .bd-con dl.last {
    border-bottom: 0;
}

.cat-list .bd-con dl:after {
    clear: both;
    display: block;
    content: :'';
    visibility: hidden;
}

.cat-list .bd-con dl dd a {
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block;
    margin-bottom: 8px;
}


.market-list {}

.market-list .hd {
    background: url("img/market.jpg");
    height: 226px;
    width: 1190px;
}

.market-list .hd .search {
    width: 400px;
    margin: 0 auto;
    padding-top: 68px;
}

.market-list .hd .search-text {
    border: none;
    border-radius: 0;
    width: 300px;
    padding: 0 5px;
    height: 40px;
}

.market-list .hd .tag {
    padding: 5px;
    width: 100%;
}

.market-list .hd .tag a {
    color: #CCC;
    line-height: 30px;
    padding-right: 15px;
}

.market-list .hd .tag a:hover {
    color: #FFF;
}

.market-list .hd .search-submit {
    height: 40px;
}

.market-list .bd {}

.market-list p {
    padding: 5px 10px;
}

/* ====================  用户中心  =================== */
.usBox {
    width: 1130px;
    background-color: #FFF;
    padding: 30px;
    font-size: 14px;
}

.usBox a {
    color: #1D5BAE;
}

.usBox .login {
    text-align: left;
    width: 50%;
    float: left;
    margin: 30px 0;
    border-right: 1px solid #ccc;
}

.usBox strong {
    padding-left: 50px;
    margin: 10px 0;
    font-size: 16px;
}

.usBox .login tr {
    height: 45px;
}

.usBox .usads {
    float: left;
    width: 49%;
    margin: 30px 0;
}

.usBox .usads p {
    padding: 20px 40px;
    line-height: 30px;
}

.usBox .usads .min-submit {
    float: right;
    margin-right: 80px;
}

.usBox_2 {
    text-align: center;
    padding: 50px 30px;
}

.usBox_2 p {
    padding: 15px 0;
}


.userSearch {
    height: 34px;
    margin: 20px 0;
    width: 100%;
    border-bottom: 2px solid #CCC;
}

.userSearch ul {
    font-size: 14px;
    height: 34px;
}

.userSearch ul li {
    line-height: 32px;
    padding: 0;
    display: block;
    float: left;
    overflow: hidden;
}

.userSearch ul li.selected {
    border-bottom: 2px solid #F60;
    padding: 1px 0;
}

.userSearch ul li:hover {
    border-bottom: 2px solid #0078e7;
    padding: 1px 0;
}

.userSearch ul li a {
    padding: 6px 30px;
}

.userCenterBox h3 {
    border-bottom: 1px dotted #999999;
    margin: 10px 0;
}

.userCenterBox table {
    width: 100%;
}

.userh3 {
    border-bottom: 1px solid #CCC;
}

.color3 {
    color: #A30803;
    padding: 10px 5px;
}

.userhome {
    margin-left: 20px;
    text-align: left;
    line-height: 30px;
}

.userhome a {
    color: #002F99;
}

.userhome a:hover {
    color: #F58220;
}

.userhome .large {
    background: url("https://www.zhaoxin.cn/statics/zhaoxin/img/lineBg.gif") repeat-x scroll left bottom transparent;
    font-size: 14px;
    line-height: 35px;
    padding-left: 20px;
}

.userhome .large2 {
    border-bottom: 1px solid #BABABA;
    font-size: 14px;
    line-height: 35px;
    padding-left: 20px;
}

.userTable table {
    border-collapse: collapse;
    border: none;
    width: 100%;
}

.userTable table th {
    font-weight: normal;
    background: none;
    border: 1px solid #CDCDCD;
    padding: 5px 10px;
    line-height: 30px;
}

.userTable table tr.th th {
    background-color: #F0F0F0;
}

.userTable table td {
    border: 1px solid #CDCDCD;
    padding: 2px 5px;
    line-height: 30px;
}

.userTable table label {
    line-height: 30px;
    margin-right: 10px;
}

.userTable table textarea {
    font-size: 12px;
    line-height: 20px;
    padding: 5px;
}

.userTable table.noborder th {
    border: none;
    text-align: right;
    padding: 8px 5px;
}

.userTable table.noborder td {
    border: none;
    padding: 8px 5px;
}

.userTable table.formnoborder th {
    border: none;
    text-align: right;
    padding: 0 5px;
}

.userTable table.formnoborder td {
    border: none;
    padding: 0 5px;
}

.userTable table.query {
    margin: 15px 0;
}

.userTable table.minth td,
.userTable table.minth th {
    padding: 2px;
    font-weight: normal;
    line-height: 25px;
}

.userTable table.orders {
    border: 1px solid #CDCDCD;
}

.userTable table.orders th {
    padding: 2px 5px;
    font-weight: normal;
    line-height: 20px;
}

.userTable table.orders tr.th th {
    border-bottom: 1px solid #CDCDCD;
    line-height: 35px;
    text-align: left;
    padding-left: 20px;
}

.userTable table.orders td {
    padding: 2px 5px;
    line-height: 20px;
}

.userTable table.total {
    background: #f0f0f0;
    width: 284px;
    float: right;
}

.userTable table.total td {
    padding: 2px 5px;
    font-weight: normal;
    line-height: 25px;
    text-align: right;
}

.userTable table td.price {
    color: #f00;
    font: bold 14px Arial;
}

.userTable table td.total {
    margin-left: 15px;
    color: #f00;
    font: bold 16px Arial;
}

.userTable table.pricelist td.jiage {
    padding: 5px 0;
}

.userTable table.pricelist td span {
    float: left;
    line-height: 16px;
}

.userTable table.pricelist td span.moq {
    text-align: right;
    width: 60px;
}

.userTable table.pricelist td span.price {
    text-align: left;
    width: 60px;
    margin-left: 8px;
}

.userTable table.pricelist td ul {
    list-style: none;
    margin: 0 10px;
}

.userTable table.pricelist td ul li {
    float: left;
    line-height: 20px;
    width: 100%;
}

.userTable table.pricelist td ul li span {
    color: #666;
    width: auto;
}

.userTable table.pricelist td div.tip {
    text-align: center;
    width: 100%;
    line-height: 18px;
}

.validcode {
    margin-left: 10px;
    height: 32px;
    line-height: 32px;
    width: 100px;
}

.message {
    width: 980px;
    padding: 30px;
    min-height: 360px;
}

.msgBottomBorder {
    clear: both;
    background: url("https://www.zhaoxin.cn/statics/zhaoxin/img/lineBg.gif") repeat-x left bottom;
    padding-bottom: 8px;
    margin-bottom: 8px;
}


.donea a {
    padding: 0 10px;
    text-decoration: none;
}

.donea a:hover {
    color: #F58220;
}

/*================== 弹出样式==================== */
.theme-popover-mask {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: none;
}

.theme-popover {
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    border-radius: 5px;
    border: solid 2px #666;
    background-color: #fff;
    display: none;
    box-shadow: 0 0 10px #666;
}

.theme-popover .load {
    padding: 20px 40px;
}

.theme-poptit {
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
    padding: 12px;
    position: relative;
}

.theme-poptit span {
    font-size: 16px;
}

.theme-poptit .close {
    float: right;
    color: #999;
    padding: 5px;
    margin: -2px -5px -5px;
    font: bold 14px/14px simsun;
    text-shadow: 0 1px 0 #ddd;
}

.theme-poptit .close:hover {
    color: #444;
}

.theme-popbod {
    padding: 30px 20px;
    color: #444;
}

.theme-popbom {
    padding: 15px;
    background-color: #f6f6f6;
    border-top: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    color: #666;
}

.theme-popbom a {
    margin-left: 8px
}

.theme-popover .sys_msg {
    padding: 40px 20px;
    width: 330px;
    height: 120px;
    font-size: 14px;
    text-align: center;
}



/* 快速询价 */
#fastRFQ {
    z-index: 1002;
    padding-top: 10px;
    position: absolute;
    display: none;
    border: solid 1px #F30;
    width: 460px;
    height: auto;
    background-color: #f3f6fd;
    padding: 20px;
}

#fastRFQ .Validform_checktip {
    display: none;
     !important;
}

#fastRFQ .Tsubmit,
#fastRFQ .Hsubmit {
    margin-left: 15px;
    height: 32px;
    line-height: 30px;
}

#fastRFQ .Tsubmit {
    line-height: 30px;
}

#fastRFQ span {
    display: inline-block;
    float: left;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #666;
    margin-right: 5px;
    white-space: nowrap;
    background-color: #f6f6f6;
}

#fastRFQ span:hover {
    color: #f50;
}

/* 快速购买 */
#fastCart {
    z-index: 1002;
    padding-top: 10px;
    position: absolute;
    display: none;
    text-align: center;
    border: solid 1px #F30;
    width: 200px;
    height: auto;
    background-color: #f3f6fd;
    padding: 20px;
}

#fastCart .Validform_checktip {
    display: none;
     !important;
}

#fastCart .Tsubmit {
    height: 32px;
    line-height: 32px;
    width: 50px;
    margin: -2px 0 0 -2px;
}




/*开票资料*/
.o_write {
    background: #EFF5F8
}

.o_write td {
    line-height: 20px;
    padding: 2px
}

.red2 {
    color: #c00
}

.alertInfo {
    background: #FFECEC;
    border: #F34956 solid 1px;
    color: #C00;
    margin: 0 0 5px 3px;
    padding: 2px;
}

.prompt {
    float: left;
    width: 98%;
    background-color: #fffceb;
    border: 1px solid #f58220;
    color: #d66316;
    margin: 0 0 15px;
    padding: 5px 10px;
    line-height: 22px;
}

.prompt span {
    font-weight: bold;
}

h3.order_title {
    border-bottom: none;
    line-height: 40px;
    width: 96%;
    margin: 10px 0;
}

h3.order_title span {
    float: left;
    font-size: 16px;
    line-height: 40px;
}

h3.order_title a {
    float: right;
    margin-right: 20px;
    font-weight: normal;
    font-size: 12px;
}

.orderlist {
    border: 1px solid #f0f0f0;
    padding: 0 20px;
    width: 990px;
    margin: 20px auto;
}

.orders-list {
    padding: 0 40px;
    width: 95%;
    float: left;
    margin-bottom: 20px;
}

.orders-list li {
    cursor: default;
    float: left;
    margin-right: 10px;
}

.orders-list li span {
    margin-left: 20px;
    height: 30px;
    line-height: 30px;
}

.orders-list li:hover {
    background-color: #fff3f3;
}

.orders-list .orders-item {
    text-align: center;
    border: 1px solid #ddd;
    cursor: pointer;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 5px 24px;
    position: relative;
}

#address-list .orders-item {
    width: 160px;
}

.orders-list .selected {
    border: 2px solid #e4393c;
    padding: 4px 23px;
}

.orders-list .selected b {
    background: rgba(0, 0, 0, 0) url("img/selected-icon.png") no-repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 12px;
}


.orders-list .orders-item .none {
    position: relative;
    left: -99999px;
    display: none
}

.order_total {
    border: 1px solid #dddddd;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 28px;
    padding: 10px;
}

.order_total font {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    color: #F00
}

.paymentId {
    padding: 0 40px;
    font-size: 14px;
    display: none;
}

.paymentId th {
    color: #666;
}


/*================== 商品详情页面部分模块==================== */
#goodsInfo {
    width: 1190px;
    padding: 0;
    border: 1px solid #ccc;
    height: auto;
    min-height: 360px;
    background: rgba(0, 0, 0, 0) url("img/goods-bg.jpg") repeat-y scroll 0 0;
    z-index: 1;
}

#goodsInfo .imgInfo {
    float: left;
    width: 280px;
}

#goodsInfo .imgInfo .gimg {
    height: 260px;
    width: 280px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#goodsInfo .imgInfo img {
    max-height: 200px;
    max-width: 200px;
    vertical-align: middle;
    display: inline;
}

#goodsInfo .imgInfo .thumb {
    width: 60px;
    height: 60px;
    display: block;
}

/* 商品图片 */
.con-FangDa {
    float: left;
    width: 280px;
    height: auto;
    margin-right: 10px;
    background-color: #fff;
}

.con-fangDaIMg {
    width: 280px;
    height: 280px;
    position: relative;
    background-color: #fff;
    border: 1px solid #DDDDDD;
    display: table-cell;
    font-size: 0px;
    text-align: center;
    vertical-align: middle;
}

.con-fangDaIMg>img {
    max-height: 280px;
    max-width: 280px;
}

.magnifyingBegin {
    width: 140px;
    height: 140px;
    left: 0;
    top: 0;
    background-color: #454545;
    opacity: .5;
    filter: alpha(opacity=50);
    position: absolute;
    cursor: move;
    display: none
}

.magnifyingShow {
    width: 400px;
    height: 400px;
    display: none;
    position: absolute;
    right: -402px;
    top: -1px;
    z-index: 999;
    overflow: hidden;
    background-color: #FFF;
    border: 1px solid #ccc;
}

.magnifyingShow>img {
    width: 800px;
    height: 800px;
    margin-left: 0;
    margin-top: 0;
}

.con-FangDa-ImgBox {
    margin-top: 5px;
    width: 280px;
}

.con-FangDa-ImgBox span.left {
    background: url("img/left.gif") no-repeat;
    width: 15px;
    height: 50px;
    float: left;
    cursor: pointer;
    margin-top: 2px;
    margin-left: 2px;
    border: none
}

.con-FangDa-ImgBox span.right {
    background: url("img/right.gif") no-repeat;
    width: 15px;
    height: 50px;
    float: right;
    cursor: pointer;
    margin-top: 2px;
    margin-right: 2px;
    float: right;
    border: none
}

.con-FangDa-ImgListBox {
    margin: 0 5px;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 235px;
    height: 54px;
}

.con-FangDa-ImgList {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    width: 600px;
    overflow: hidden;
    list-style: none
}

.con-FangDa-ImgList>li.active {
    border-color: #f60;
}

.con-FangDa-ImgList>li {
    margin-right: 6px;
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
    border: 2px solid #ccc;
    background-color: #FFF;
    text-align: center
}

.con-FangDa-ImgList>li>img {
    max-height: 50px;
    max-width: 50px;
    vertical-align: middle;
    display: block;
}

#goodsInfo .gallery {
    float: left;
    width: 280px;
}

#goodsInfo .gallery ul {
    width: auto;
}

#goodsInfo .gallery li {
    float: left;
    width: 48px;
    margin: 0 2px;
}

#goodsInfo .gallery li img {
    width: 46px;
    height: 46px;
    display: block;
}

#goodsInfo .txt {
    color: #999;
    margin-left: 15px;
    line-height: 30px;
}

#goodsInfo .gpdf {
    text-align: center;
    padding: 10px;
    border-top: 1px solid #eee;
}

#goodsInfo .gpdf a {
    margin: 10px 15px;
}

/*文字信息*/
#goodsInfo .textInfo {
    float: left;
    width: 450px;
    padding: 0 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

#goodsInfo .textInfo h1 {
    font-size: 21px;
    color: #333;
    border-bottom: 1px solid #DDDDDD;
    line-height: 60px;
}

#goodsInfo .textInfo th {
    font-weight: normal;
    line-height: 35px;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    text-align: right;
    padding-right: 10px;
}

#goodsInfo .textInfo td {
    line-height: 35px;
    font-size: 12px;
    border-bottom: 1px solid #DDDDDD;
    text-align: left;
    padding-left: 10px;
}

#goodsInfo .textInfo strong {
    color: #f30;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

#goodsInfo .textInfo span {
    margin: 0 10px;
    color: #999;
    font-size: 16px;
}

#goodsInfo .textInfo span.f60 {
    color: #f60;
    font-size: 14px;
}

#goodsInfo .tb-rmb {
    font-family: arial;
    font-weight: 300;
    margin-right: 4px;
}

#goodsInfo .tb-rmb-num {
    font-family: verdana, arial;
}

#goodsInfo .Hsubmit {
    color: #FFF;
    margin-left: 30px;
    padding: 0 20px;
}

#goodsInfo input.number {
    width: 60px;
}

#J_PriceList td {
    text-align: right;
}

#goodsInfo .priceInfo {
    float: right;
    padding-bottom: 70px;
    width: 390px;
    padding: 0 10px;
}

#goodsInfo .priceInfo .Hsubmit {
    margin: 10px 5px;
    width: 60px;
    padding: 0 10px;
    border-radius: 3px;
    line-height: 30px;
    height: 30px;
}

.jiagebox {
    float: left;
    height: 280px;
    width: 390px;
    overflow: auto;
    border-bottom: 1px solid #eee;
}

.fuwubox {
    float: left;
    padding-left: 20px;
}

.fuwubox a {
    float: left;
    min-width: 140px;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
}

.fuwubox .fi_icon {
    height: 16px;
    width: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.jiagebox h3 {
    height: 40px;
    line-height: 40px;
}

.pro-xun-tip {
    background: #f7f7f7 none repeat scroll 0 0;
    float: left;
    margin: 0 0 0 4px;
    min-height: 90px;
    padding: 10px 0 5px;
    width: 370px;
}

.pro-xun-tip li {
    border-bottom: 1px dashed #d2d2d2;
    font-family: arial, helvetica, sans-serif;
    margin-bottom: 5px;
    padding: 0 15px 5px;
}


/*原厂直购*/
.brandhot {
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    margin: 0 -1px;
}

.brandhot ul li {
    float: left;
    padding: 10px 0;
    width: 237px;
    display: table-cell;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}

.brandhot ul li .pic {
    display: table-cell;
    font-size: 60px;
    text-align: center;
    width: 234px;
}

.brandhot ul li .pic img {
    max-height: 45px;
    max-width: 135px;
    vertical-align: middle;
    display: inline;
}

.brandhot ul li .pic img:hover {
    transform: scale(1.05);
    transition-duration: 250ms;
}

.brandhot ul li span {
    line-height: 35px;
    height: 35px;
    font-size: 14px;
}

/* 我们的优势 */
.myhot {
    border: 1px solid #CCCCCC;
    overflow: hidden;
    background-color: #FFF;
    padding-top: 15px;
}

.myhot li {
    float: left;
    width: 196px;
    height: 230px;
    text-align: center;
}

.myhot li h4 {
    font-size: 22px;
    height: auto;
    color: #f60;
    margin: 10px;
    text-align: center;
}

.myhot li p {
    font-size: 14px;
    color: #444;
}

.myhot .iconfont {
    line-height: 100px;
    font-size: 62px;
    margin: 10px auto;
    color: #666;
}

.myhot .iconfont:hover {
    color: #F60;
    font-size: 77px;
}

.myhot .icon-qqhy {
    font-size: 55px;
}

.myhot .icon-ksfh {
    font-size: 80px;
}

.myhot .icon-qqhy:hover {
    color: #F60;
    font-size: 70px;
}

.myhot .icon-ksfh:hover {
    color: #F60;
    font-size: 95px;
}



/*单个商品*/
.HotGoods {
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
}

.goodsItem {
    width: 197px;
    float: left;
    padding: 0 0 10px 0;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.goodsItem .pic {
    text-align: center;
    padding: 10px;
}

.goodsItem .pic img {
    height: 170px;
    width: 170px;
    vertical-align: middle;
    margin: 5px auto;
}

.goodsItem .pic img:hover {
    transform: scale(1.05);
    transition-duration: 250ms;
}

.goodsItem .name {
    line-height: 25px;
    padding: 2px 10px;
    margin-top: 5px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
}

.goodsItem .price {
    overflow: hidden;
    padding: 2px 10px;
    font: bold 14px/20px tahoma;
    color: #F60;
}

.goodsItem .price em {
    font-family: arial;
    font-size: 12px;
    padding-right: 3px;
}

.goodsItem .brand {
    color: #888;
    padding: 2px 10px;
}

.listprice {
    line-height: 20px;
    font-weight: bold;
    color: #F00;
}


/*商品属性、公司证书*/
.goodsnav {
    border-bottom: 1px solid #DDDDDD;
    background: #f4f4f4;
}

.goodsnav h2 {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0 20px;
}

.goodsnav .h2bg {
    border: 1px solid #DDDDDD;
    border-top: 2px solid #64a5ff;
    border-bottom: 1px solid #fff;
    margin: -1px 0;
    background: #fff;
}

.boxTable {
    color: #404040;
}

.boxTable table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}

.boxTable th,
.boxTable td {
    line-height: 30px;
    font-size: 12px;
}

.boxTable th {
    font-weight: 100;
}


.tonginfo {
    padding: 20px;
    line-height: 25px;
}

.tonginfo td {
    line-height: 20px;
}

.tonginfo p {
    line-height: 20px;
    overflow: hidden;
}

.tonginfo .promises {
    border-top: 1px dotted #DEDEDE;
    overflow: hidden;
    padding: 10px 0;
    margin-top: 15px;
}

.tonginfo ul {
    overflow: hidden;
}

.tonginfo ul li {
    width: 640px;
    padding-right: 10px;
    float: left;
}


.bankinfo th {
    text-align: left;
    height: 30px;
    border-bottom: 1px dotted #DDDDDD;
}

.bankinfo td {
    height: 20px;
    padding: 3px 5px;
}

/*最近浏览*/
#history_div h3 {
    border-bottom: 1px solid #dddddd;
    height: 30px;
}

#history_list {
    text-align: center;
}

#history_list ul {
    border-bottom: 1px dotted #dddddd;
    padding-top: 10px;
}

#history_list li {
    float: left;
    padding: 0;
}

#history_list .goodsimg {
    width: 50px;
    padding: 0 5px;
}

#history_list .goodsimg img {
    width: 50px;
}

#history_list .text {
    padding-left: 5px;
}

#history_list .text p {
    text-align: left;
    line-height: 25px;
}

#history_list .text p.price {
    color: #F00;
    font-size: 14px;
}

.bugs li {
    padding: 3px;
}


.Validform_checktip {
    margin-left: 8px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.Validform_right {
    color: #71b83d;
    padding-left: 20px;
    background: url(img/right.png) no-repeat left center;
}

.Validform_wrong {
    color: red;
    padding-left: 20px;
    white-space: nowrap;
    background: url(img/error.png) no-repeat left center;
}

.Validform_loading {
    padding-left: 20px;
    background: url(img/onLoad.gif) no-repeat left center;
}

.Validform_error {
    background-color: #ffe7e7;
    border-color: #F30;
}

.gray {
    color: #999;
}

#Validform_msg {
    color: #7d8289;
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
    width: 280px;
    -webkit-box-shadow: 2px 2px 3px #aaa;
    -moz-box-shadow: 2px 2px 3px #aaa;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#Validform_msg .iframe {
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: -1;
}

#Validform_msg .Validform_title {
    line-height: 25px;
    height: 25px;
    text-align: left;
    font-weight: bold;
    padding: 0 8px;
    color: #fff;
    position: relative;
    background-color: #999;
    background: -moz-linear-gradient(top, #999, #666 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
}

#Validform_msg a.Validform_close:link,
#Validform_msg a.Validform_close:visited {
    line-height: 22px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: #fff;
    text-decoration: none;
}

#Validform_msg a.Validform_close:hover {
    color: #ccc;
}

#Validform_msg .Validform_info {
    padding: 8px;
    border: 1px solid #bbb;
    border-top: none;
    text-align: left;
}


.asideKf {
    position: fixed !important;
    position: absolute;
    right: -1px;
    top: 50%;
    z-index: 99;
    margin-top: -112px;
    border: 1px solid #e4e4e4;
    border-bottom: none;
    width: 55px;
    background: #fff
}

.asideKf li {
    border-bottom: 1px solid #e4e4e4;
    width: 55px;
    height: 55px;
    text-align: center;
    float: left
}

.asideKf a:hover {
    color: #3e3e3e
}

.asideKf .icon {
    display: block;
    width: 21px;
    height: 21px;
    margin: 8px auto 0
}

.asideKf .icon-qq {
    width: 28px;
    background-position: -159px 0
}

.asideKf .icon-advise {
    background-position: -198px 0
}

.asideKf .icon-tel {
    float: left;
    margin: 0;
    background-position: -65px 4px
}

.asideKf .kf-qq:hover,
.kf-weixin:hover {
    border: none
}

.kf-qq:hover .kf-detail {
    left: -179px
}

.asideKf .kf-detail,
.weixin {
    left: -99999px;
    position: absolute
}

.asideKf .kf-detail {
    background: #fff;
    border: 1px solid #e4e4e4;
    top: -52px;
    padding: 8px 15px;
    text-align: left;
    width: 147px;
    cursor: default
}

#BizQQWPA,
#HQqia,
.on_changes li {
    cursor: pointer
}

.kf-detail li {
    border-bottom: 1px dashed #e4d4d4;
    color: #333;
    line-height: 20px;
    padding: 5px 0 8px;
    text-align: left;
    height: auto;
    width: 100%
}

.kf-detail li:last-child {
    border: none
}

.kf-detail .tit {
    color: #999;
    height: 24px;
    line-height: 24px
}

.weixin {
    top: -1px;
    width: 175px;
    height: 175px;
    border: 1px solid #e4e4e4;
    background: url("https://www.zhaoxin.cn/statics/zhaoxin/img/weixin.gif") no-repeat;
    z-index: 2
}

.kf-weixin:hover .weixin {
    left: -177px
}

#go-advise,
#go-top,
.kf-qq {
    cursor: pointer;
    float: left;
    height: 100%;
    width: 100%
}

#go-top img {
    display: block;
    width: 21px;
    margin: 12px auto 2px
}

.kf-text,
.kf-textarea {
    width: 440px;
    border: 1px solid #D8D7D7
}

.kf-textarea {
    display: block;
    height: 140px;
    padding: 10px;
    resize: none;
    margin: 10px 0
}

.kf-text {
    height: 35px;
    line-height: 35px;
    padding: 0 10px
}

.chaticon {
    background-image: url("img/desktop.png") !important;
    background-repeat: no-repeat !important;
    background-size: 44px auto !important;
    display: block;
    height: 22px;
    width: 22px;
}

#kefu-btn-box {
    background-color: transparent;
    border: 0 none;
    top: 50%;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    right: -1px;
    width: auto;
    z-index: 2147483647
}

#kefu-btn1,
#kefu-btn div,
#kefu-btn img,
#kefu-btn span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto
}

#kefu-btn #kefu-msgNum {
    left: -10px;
    top: -10px;
    background-color: #ff3b30;
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    width: 22px
}

#kefu-btn1 {
    background-color: #007aff;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    display: block;
    height: 60px;
    text-decoration: none;
    width: 60px
}

#kefu-btn1 #kefu-btn-icon {
    height: 32px;
    left: 18px;
    position: absolute;
    top: 15px;
    width: 32px
}

#kefu-btn1 .kefu-icon-chat {
    background-position: 0 -595px !important;
}

#kefu-btn1 .kefu-icon-mail {
    background-position: 0 -622px !important;
}

#kefu-btn #kefu-remind {
    right: 55px;
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 4px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    color: #000;
    display: none;
    line-height: 1.42857;
    margin-top: -38px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 260px
}

#kefu-btn #kefu-remind-arrow1 {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 2
}

#kefu-btn #kefu-remind-arrow2 {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1
}

#kefu-btn #kefu-remind-arrow1 {
    border-bottom: 7px solid transparent;
    border-left: 8px solid #DDD;
    border-top: 7px solid transparent;
    right: -8px;
    top: 32px
}

#kefu-btn #kefu-remind-arrow2 {
    border-bottom: 8px solid transparent;
    border-left: 9px solid #DDD;
    border-top: 8px solid transparent;
    right: -10px;
    top: 33px
}

#kefu-btn #kefu-remind-close {
    background-position: -5px -245px;
    cursor: pointer;
    display: none;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px
}

#kefu-btn #kefu-remind:hover #kefu-remind-close {
    display: block
}

#kefu-btn #kefu-remind-inside {
    margin: 12px 18px
}

#kefu-btn #kefu-remind-avatar {
    border-radius: 13px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    height: 26px;
    margin-right: 6px;
    vertical-align: top;
    width: 26px
}

#kefu-remind-name {
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin-top: 3px
}

#kefu-remind-msg {
    color: #000;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    overflow: hidden
}

#kefu-remind-msg img {
    height: 16px;
    width: 16px
}

#goKefu #gotoTop {
    display: none;
}

#goKefu {
    width: 45px;
    top: 35% !important;
    right: 0;
    position: fixed;
    z-index: 9980;
}

#goKefu .kefutext .kefuBox {
    line-height: 15px;
    border-radius: 2px 0 0 2px;
    color: #fff;
    cursor: pointer;
    float: right;
    height: 45px;
    margin-bottom: 3px;
    position: relative;
    text-align: center;
    width: 45px;
}

#goKefu .kefutext .kefuBox a {
    display: inline-block;
    border: none;
    text-align: center;
    background-color: #36404E;
    height: 45px;
    width: 45px;
    text-align: center;
}

#goKefu .kefutext .kefuBox .iconname {
    font-size: 12px;
    color: #fff;
    display: inline-block;
}

#goKefu .kefutext .kefuBox .iconfont {
    font-size: 24px;
    color: #fff;
    line-height: 45px;
    margin: 0 auto;
    display: block;
}

#goKefu .kefutext .kefuBox a:hover {
    background-color: #007aff;
}


.chat-box {
    z-index: 19999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 550px;
    height: 460px;
    background-color: #fff;
    display: none;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

.chat-box .theme-poptit {
    padding: 5px;
}

.chat-title {
    background-color: #36404E;
    color: #fff;
}

.chat-title .avatar {
    cursor: move;
    height: 30px;
}

.chat-title .chat-close {
    float: right;
    color: #EDEDED;
    position: absolute;
    right: 15px;
    top: 1px;
    padding: 5px;
    font: normal 20px Arial;
}

.chat-title .chat-close:active,
.chat-title .chat-close:hover {
    color: #FFF;
}

.chat-title .chatname {
    font-size: 14px;
    position: relative;
    top: 5px;
    left: 10px;
}

.chat-title .chat-close .iconfont {
    font-size: 20px;
}


.chat-box .icon-emoji {
    background-position: 0 0;
}

.chat-box .icon-emoji:active,
.chat-box .icon-emoji:hover {
    background-position: -22px 0;
}

.chat-box .icon-photo {
    background-position: 0 -22px;
}

.chat-box .icon-photo:active,
.chat-box .icon-photo:hover {
    background-position: -22px -22px;
}

.chat-box .icon-upload {
    background-position: 0 -440px;
}

.chat-box .icon-upload:active,
.chat-box .icon-upload:hover {
    background-position: -22px -440px;
}

.chat-box .icon-evaluation {
    background-position: 0 -44px;
}



.chat-content {
    overflow: visible;
    position: relative;
    box-sizing: content-box;
}

.chat-time1 {
    color: #666;
    font-size: 12px;
    height: 16px;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}

.chat-main {
    height: 290px;
    padding: 15px 5px 5px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-wrap: break-word;
    background-color: #FFF;
}

.chat-main ul li {
    font-size: 0;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
}

.chat-text,
.chat-user {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.chat-text {
    background-color: #EEEEEE;
    border-radius: 5px;
    color: #000;
    line-height: 18px;
    padding: 6px 10px;
    position: relative;
    word-break: break-all
}

.chat-user {
    left: 3px;
    position: absolute
}

.chat-user cite {
    color: #999;
    font-size: 12px;
    font-style: normal;
    left: 6px;
    line-height: 24px;
    position: absolute;
    text-align: left;
    top: -2px;
    white-space: nowrap;
    width: 500px
}

.chat-user cite i {
    font-style: normal;
    padding-left: 15px
}

.chat-text::after {
    border-color: #EEEEEE transparent transparent;
    left: -10px;
    border-style: solid dashed dashed;
    border-width: 10px;
    content: "";
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 13px;
    width: 0
}

.chat-text a {
    color: #33df83
}

.chat-text img {
    max-width: 80%;
    vertical-align: middle
}

.chat-text .chat-file {
    display: block;
    text-align: center
}

.chat-text .chat-file {
    color: #333
}

.chat-time {
    color: #b2b2b2;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 2px;
}

.chat-mine {
    font-size: 0;
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}

.chat-mine .chat-time {
    text-align: right;
}

.chat-mine .chat-text {
    background-color: #2683F5;
    color: #FFF;
    margin-left: 0;
    text-align: left;
}

.chat-mine .chat-text::after {
    border-top-color: #2683F5;
    left: auto;
    right: -10px;
}


.chat-footer {
    border-top: 1px solid #DDD;
}

.chat-bottom {
    border-bottom: 1px solid #e8e8e8;
    height: 40px;
}

.feature-left {
    float: left;
    padding-top: 10px
}

.chat-bottom .feature-btn {
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 5px
}

.chat-bottom .icon-emoji {
    background-position: 0 0
}

.chat-bottom .icon-emoji:hover,
.chat-bottom .icon-emoji:active {
    background-position: -22px 0
}

.chat-bottom .icon-photo {
    background-position: 0 -22px
}

.chat-bottom .icon-photo:active,
.chat-bottom .icon-photo:hover {
    background-position: -22px -22px
}

.chat-bottom .icon-upload {
    background-position: 0 -440px
}

.chat-bottom .icon-upload:active,
.chat-bottom .icon-upload:hover {
    background-position: -22px -440px
}

.chat-bottom .icon-evaluation {
    background-position: 0 -44px
}

.chat-bottom .icon-evaluation:active,
.chat-bottom .icon-evaluation:hover {
    background-position: -22px -44px;
}

#photoFile,
#uploadFile {
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}

.chat-textarea {
    height: 66px;
}

.chat-textarea textarea {
    font-size: 13px;
    background-color: #fff;
    border: 0 none;
    display: block;
    height: 55px;
    line-height: 17px;
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 10px;
    resize: none;
    width: 530px;
    word-break: break-all;
}

.chat-button {
    float: right;
}

#chatSend {
    background-color: #f7f7f7;
    border: 0 none;
    border-radius: 3px;
    color: #cfcfcf;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 30px;
    margin-right: 13px;
    margin-top: 4px;
    outline: medium none;
    padding: 0;
    text-align: center;
    width: 80px
}

#chatSend.active {
    background-color: #007aff;
    color: #fff;
}

/* 下拉菜单 */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    /* min-width: 80px; */
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    /* padding: 12px 16px; */
    z-index: 999999;
}

.dropdown-content p {
    text-align: center;
    cursor: pointer;
}

.dropdown-content p:hover {
    background-color: #ecf5ff;
    color: #7cb1ff;
}

.dropdown:hover .dropdown-content {
    display: block;
}